<h2>My Heroes</h2>
<ul class="heroes">
  <li *ngFor = "let hero of heros" (click) = "goDetail(hero)" [class.selected] = "hero ===selectedHero ">
    <span>{{hero.id}}-->{{hero.name}}</span>
  </li>
</ul>
<div *ngIf = "selectedHero">
  <h2>{{selectedHero.name}} details!</h2>
  <div><label>id: </label>{{selectedHero.id}}</div>
  <div>
    <label>name: </label>
    <input [(ngModel)]="selectedHero.name" placeholder="name"/>
  </div>
  <hero-detail [hero] = "selectedHero"></hero-detail>
</div>
